<template>
	<view class="xiu">
		<uni-forms ref="form">
			<uni-forms-item class="name">
				申购物品名称：<uni-easyinput placeholder="请输入申购物品名称" style="display: inline-block;width: 60vw;" />
			</uni-forms-item>
			<uni-forms-item class="name">
				申购物品数量：<uni-easyinput placeholder="请输入申购物品数量" style="display: inline-block;width: 60vw;" />
			</uni-forms-item>
			<uni-forms-item class="text">
				申购原因：<textarea maxlength="-1" placeholder="简要描述申购原因" />
			</uni-forms-item>
			<uni-forms-item class="text">
				图片上传：
				<uni-file-picker></uni-file-picker>
			</uni-forms-item>
		</uni-forms>
		<button type="primary" @click="submit">提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			submit(ref) {
				this.$modal.showToast('模块建设中~')
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #f5f6f7;
	}

	.xiu {
		// background-color: aqua;
		padding: 30rpx;

		.name {}

		.text {
			background-color: white;
			padding: 10rpx;
		}

		button {

			width: 50vw;
			margin: 200rpx auto;
			background: rgb(22, 155, 213);
		}
	}
</style>